@font-face{font-family:PingFang-Heavy;src:url(../fonts/PingFang-Heavy.eot);src:url(../fonts/PingFang-Heavy.eot?#iefix) format("embedded-opentype"),url(../fonts/PingFang-Heavy.woff) format("woff"),url(../fonts/PingFang-Heavy.otf) format("otf"),url(../fonts/PingFang-Heavy.ttf) format("truetype"),url(../fonts/PingFang-Heavy.svg#gotham) format("svg");}
@font-face{font-family:PingFang-Bold;src:url(../fonts/PingFang-Bold.eot);src:url(../fonts/PingFang-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/PingFang-Bold.woff) format("woff"),url(../fonts/PingFang-Bold.otf) format("otf"),url(../fonts/PingFang-Bold.ttf) format("truetype"),url(../fonts/PingFang-Bold.svg#gotham) format("svg");}
/*@font-face{font-family:PingFang-Regular;src:url(../fonts/PingFang-Regular.eot);src:url(../fonts/PingFang-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/PingFang-Regular.woff) format("woff"),url(../fonts/PingFang-Regular.otf) format("otf"),url(../fonts/PingFang-Regular.ttf) format("truetype"),url(../fonts/PingFang-Regular.svg#gotham) format("svg");}
@font-face{font-family:PingFang-Medium;src:url(../fonts/PingFang-Medium.eot);src:url(../fonts/PingFang-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/PingFang-Medium.woff) format("woff"),url(../fonts/PingFang-Medium.otf) format("otf"),url(../fonts/PingFang-Medium.ttf) format("truetype"),url(../fonts/PingFang-Medium.svg#gotham) format("svg");}*/
@font-face{font-family:DINCond-Bold;src:url(../fonts/DINCond-Bold.eot);src:url(../fonts/DINCond-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/DINCond-Bold.woff) format("woff"),url(../fonts/DINCond-Bold.otf) format("otf"),url(../fonts/DINCond-Bold.ttf) format("truetype"),url(../fonts/DINCond-Bold.svg#gotham) format("svg");}
/*
 1.全式
*/
*{margin:0;padding:0;border:0;}

body{ font-size:12px; font-family:微软雅黑,Arial,Helvetica,Tahoma,sans-serif !important;color:#333333;text-align:center; overflow-x:hidden; background-color:#fff;   }
a{text-decoration:none;color:#333333;-webkit-tap-highlight-color:transparent;-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
a:hover,a:active{/*text-decoration:underline;*/color:#f37800;}
image{ vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
var{font-style:normal;}
input,select,img{vertical-align:middle;}
.wrap{clear:both;width:1400px;margin:0 auto;text-align:left;zoom:1; overflow:hidden; }
.wrap2{clear:both;width:1400px;margin:0 auto;text-align:left;zoom:1; }
.clear{clear:both; zoom:1;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}
.f_PingFang-Heavy{ font-family:PingFang-Heavy,"微软雅黑";}
/*.f_PingFang-Regular{ font-family:PingFang-Regular,"微软雅黑";}
.f_PingFang-Medium{ font-family:PingFang-Medium,"微软雅黑";}*/
.f_PingFang-Bold{ font-family:PingFang-Bold,"微软雅黑";}
.f_DINCond-Bold{ font-family:DINCond-Bold,"微软雅黑";}
/*
 1.头部
*/
.b_center{ margin:0 auto; }
.top_bg{ width:100%; text-align:center;  height:101px;/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); */position:fixed; top:0; left:0; z-index:99;transition:all 0.3s; }
.top_bg:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(255,255,255,0.1);}
.tpos .top_bg{ /*height:130px;*/height:70px;/*box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);*/ background:rgba(0,0,0,0.7);}
.sec .top_bg{ background:#fff;}
.sec.tpos .top_bg{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);}
.i_blank{ height:101px; overflow:hidden;}
.top_search{ float:right;height:39px; width:45px; position:relative;background:url(../images/top_bg4.png) left center no-repeat;/*-webkit-animation: nav-lianjie 1.0s;
    animation: nav-lianjie 1.0s; */margin-top:31px;transition:all 0.3s; margin-left:19px;}
.sec .top_search{ background-image:url(../images/top_bg5.png);}
.tpos .top_search{ margin-top:15px;}
.top_search .input1{ width:83%; text-indent:10px; line-height:30px; height:30px; outline:medium; background:none; color:#9c9c9c; text-align:left; font-size:13px; border:0;}
.top_search em{height:100%; width:100%; /*background:url(../images/top_pic1.png) right center no-repeat;*/ cursor:pointer; display:block;}
.top_search em:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con{ display:none;position:absolute; bottom:-95px;right:0px; width:280px; height:0px; padding-top:11px; padding-bottom:4px; background:url(../images/top_bg2.png) no-repeat;z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}
.top_search .search_con .input1{ height:39px; line-height:39px; background:#fff; border:0; padding-left:5px; margin-left:7px; padding-right:47px; width:170px; float:left; outline:none; font-size:14px; color:#999; font-family:"微软雅黑"; margin-right:5px;}
.top_search .search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/top_pic3.png) center center no-repeat; cursor:pointer;-webkit-tap-highlight-color:transparent; outline:none;}
.top_search .search_con .bnts:hover{background:url(../images/top_pic4.png) center center no-repeat;}

/*.top_tel{ float:right;height:42px; overflow:hidden; line-height:60px; padding-left:57px; background:url(../images/top_bg1.png) left top no-repeat; margin-top:29px;transition:all 0.3s;}
.top_tel a{ color:#ea0000; font-size:26px;}
.top_tel a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.tpos .top_tel{ margin-top:14px;}
.tpos .top_tel a{ font-size:22px;}
.top_a{ float:right;height:100px; line-height:100px;}
.top_a ul li{ background:url(../images/top_bg1.png) left center no-repeat; padding-left:30px; float:left; margin-left:24px;}
.top_a ul li:first-child{ margin-left:0; background:none;}
.top_a a{ display:block; color: #666666;font-size:14px; }   
.top_a a:hover{transition:all 0.3s; color:#087bd6;}*/
.menu {width:98%; margin:0 auto;}
.menu .logo_l{  float:left; display:inline;   /* -webkit-animation: logo 0.8s;  animation: logo 0.8s;*/}
.menu .logo_l img{ height:101px;transition:all 0.3s;}
.menu .logo_l #logo2{ display:none;}
.sec .menu .logo_l #logo1{ display:none;}
.sec .menu .logo_l #logo2{ display:block;}
.tpos .menu .logo_l img{ height:70px;}
.menu .logo_l:hover img{opacity:0.8;filter:Alpha(opacity=80);}
.menu .logo_l div{ float:left; margin-right:15px; overflow:hidden;}
.menu .logo_l div.logos{position: relative;transition-duration: .5s;}
.menu .logo_l div.logos:before{content: "";position: absolute;left: -665px; top: -460px;  width: 220px;  height: 15px; background-color: rgba(255,255,255,.5);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; -o-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite;}
.menu .logo_r{  float:right; display:inline; width:200px;/*-webkit-animation: top_jy 0.8s; animation: top_jy 0.8s;*/}
/*.top_two{ height:60px;transition:all 0.3s; background:#c8a063;}*/
/*.top_language{ float:right;position:relative; height:30px; text-align:left;transition:all 0.3s; z-index:; margin-left:24px;}
.top_language label{ display:block; padding-right:19px;height:30px; line-height:30px; font-size:14px; color:#464646; background:url(../images/top_bg1.png) right center no-repeat;transition:all 0.3s;}
.top_language ul{ width:88px; display:block;position:absolute; top:30px; right:0; border:1px solid #ccc; background:#fff; z-index:999; display:none;}
.top_language:hover ul{ display:block;}
.top_language ul li{line-height: 35px; height:35px; overflow:hidden; display:block; border: 1px solid transparent; cursor: pointer; font-size:14px;}
.top_language ul li a{ display:block;width: 100%;display: inline-block;color: #323232; text-indent:12px;}
.top_language ul li a:hover{background: #f4f4f4; color: #000;}
.top_language ul li.current a{background: #f4f4f4; color: #000;}*/


.nav{ /*-webkit-animation: nav-box 1s;animation: nav-box 1s;*/ text-align:center;}
.nav li.m{ display:inline-block; vertical-align:top; position:relative; margin-right:22px; margin-left:22px; text-align:left;}
/*.nav li.m:first-child{ margin-left:0;}*/
.nav h3 a{ height:81px;  padding-top:20px;padding-left:10px; padding-right:10px;  line-height:24px;display:block; font-size:15px; font-weight:normal; color:#fff; text-decoration:none; overflow:hidden;}
.tpos .nav h3 a{ height:65px; padding-top:5px;}
.sec .nav h3 a{ color:#333;}
.sec .nav h3 a i{ color:#cfcfcf;}
/*.tpos .nav li.m h3 a{ height:60px;line-height:24px;}*/
.nav h3{ font-weight:normal;}
.nav h3 a span{ display:block;position:relative;/*transition: all 0.5s;*/height:24px; margin-top:10px;}
/*.nav h3 a span:after{content: attr(data-title); position: absolute;left: 0;transform: translateY(100%); width: 100%;  top: 10px;color: #fff; filter: Alpha(Opacity=0);  opacity: 0; transition: all 0.3s; height:24px;}
.tpos .nav h3 a span{ height:24px;}
.nav li:hover span{transform:translateY(-100%);}
.nav li:hover span:after{filter: Alpha(Opacity=100);opacity: 1.0; top:0px; overflow:hidden;}*/
.nav h3 a i{font-size:12px;  display:block; height:16px; line-height:16px; font-style:normal; color:rgba(254,254,255,0.4);}
.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom:0px;height: 3px;opacity: 0;background-color: #f37800;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li#m2 h3 a:after,.nav li#m3 h3 a:after,.nav li#m5 h3 a:after,.nav li#m8 h3 a:after{ height:0;}
.nav li h3 a:hover:after{left: 1%;right: 1%;opacity: 1;}
/*.nav h3 a:hover{color:#fff;}
.nav h3 a:hover span{transform:translateY(-100%);}*/
.nav li.on h3 a{ color:#f37800; }
.nav li.on h3 a i{ color:rgba(243,120,0,0.4);}
.nav li.on h3 a:after{left: 0%;right: 0%;opacity: 1;}
/*.nav .sub_bg{ position:fixed; width:100%; z-index:109; height:0px; background:rgba(0, 0, 0, 0.6); z-index:109; left:0; top:128px; overflow:hidden;transition:all 0.3s;}
.nav .m:hover .sub_bg{ height:50px;}*/
.nav .sub{ display:none; /*默认隐藏*/ width:150px; padding:0; /*background-color:#fff;*/border-top:3px solid #f37800;   position:absolute; top:98px;left:50%; margin-left:-75px;  z-index:110; /*padding-top:5px; padding-bottom:5px;  */ /*border-bottom:1px solid #e6e6e6;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);*/}
.tpos .nav .sub{ top:70px;}
/*.tpos .nav .sub_bg{ top:90px;}*/
.nav .sub dl{width:100%; margin:0 auto;  text-align:center;}
.nav .sub dd{ list-style:none; text-decoration:none;}
.nav .sub dd a{ height:40px; line-height:40px; display:block; color:#fff;font-size:14px; /* width:147px;*/ overflow:hidden; letter-spacing:0; margin-bottom:1px;background:rgba(75, 73, 72, 0.8);}
.nav .sub dd a:hover{ color:#fff; text-decoration:none;background:#f37800;}
.nav .sub dd .top_img{ float:left; margin-left:40px; width:270px; overflow:hidden;}
.nav .sub dd .top_img img{ width:100%; height:180px; margin-bottom:4px;}
.nav .sub dd .top_img h2{ font-size:14px; color:#333333; font-weight:normal; height:22px; line-height:22px; overflow:hidden; margin-bottom:3px;}
.nav .sub dd .top_img p{ line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#8f8f8f;}
.nav .sub dd .top_img a:hover h2{ color:#f4ae17}
.nav .sub dd .top_img a:hover img{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
/*语言下拉2*/
.top_bg .language{float: left;position: relative; margin-top:32px;transition:all 0.3s;}
.tpos .top_bg .language{ margin-top:16px;}
.top_bg .language .btn{ width: 130px;height: 36px; line-height:36px;background-position:right 9px center; background-repeat:no-repeat; cursor: pointer;/*transition:all 0.5s; */background-image:url(../images/top_bg3.png); color:#f37800; font-size:14px; position:relative; text-align:left; border:1px solid #f37800; border-radius:6px; text-indent:38px; }
.top_bg .language .btn:after{ content:""; position:absolute; width:16px; height:100%; top:0; left:13px; background:url(../images/top_bg1.png) left center no-repeat; background-size:16px 16px;}
.sec .top_bg .language .btn:after{ background-image:url(../images/top_bg6.png);}
.sec .top_bg .language .btn{ color:#aaaaaa;  background-image:url(../images/top_bg7.png); border-color:#ececec;}
/*.sec .top_bg .language:hover .btn{color:#f37800;background-image:url(../images/top_bg3.png); border-color:#f37800;}
.sec .top_bg .language:hover .btn:after{background-image:url(../images/top_bg1.png);}*/
/*.tpos .top_bg .language .btn:after{ background-image:url(../images/top_bg2_on.png);}
.tpos .top_bg .language .btn{ color:#333;background-image:url(../images/top_bg3_on.png); height:84px; line-height:84px;}*/
.top_bg .language .list { position: absolute; top: 60px; right: 0%; z-index: 5; width: 345px;  text-align: center; display: none; overflow:visible!important;}
.tpos .top_bg .language .list { top:84px;}
.top_bg .language ul {background:rgba(237, 242, 250, 1.0); background:#fff;border-radius: 4px 4px 4px 4px;position: relative; padding:13px; padding-left:23px; padding-right:23px; height:110px;}
.sec .top_bg .language ul{ background:#f6f6f6;}
.top_bg .language ul::after {bottom: 100%; left: 280px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFFFFF;border-width: 10px; margin-left: -10px;}
.sec .top_bg .language ul::after {border-bottom-color: #f6f6f6;}
.top_bg .language li{ float:left; overflow:hidden;height: 38px; line-height: 38px; text-align:left;}
.top_bg .language li a { display: block; font-size: 13px; color: #333333; padding:0; margin:0;}
/*.header .language li:first-child a{padding-top:12px;}*/
.top_bg .language li a:hover {color: #f37800; /*background:#013299;*/}
.top_bg .language li.w1{ width:98px;}
.top_bg .language li.w2{ width:114px;}
.top_bg .language li.w3{ width:82px;}
.top_bg .language li.w4{ width:196px;}
/*导航菜单-二级菜单*/
.dh1{display: block; -webkit-animation: dhli 0.8s;animation: dhli 0.8s;}
.dh2{display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;}
.dh3{display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;}
.dh4{display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;}
.dh5{display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;}
.dh6{display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;}
.dh7{display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;}
.dh8{display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;}
.dh9{display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;}

@-webkit-keyframes dhli {  
0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes dhli { 
0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
/*nav-end*/
@-webkit-keyframes logo {  
0%{ opacity:0;-webkit-transform:translate(-10px,-20px); }}
@keyframes logo {  
0%{ opacity:0;transform:translate(-10px,-20px); }}
@-webkit-keyframes nav-lianjie {  
0%{ opacity:0;-webkit-transform:translate(50px,0px); }}
@keyframes nav-lianjie {  
0%{ opacity:0;transform:translate(50px,0px); }}
@-webkit-keyframes top_jy {  
0%{ opacity:0;-webkit-transform:translate(20px,-40px); }}
@keyframes top_jy {  
0%{ opacity:0;transform:translate(20px,-40px); }}
@-webkit-keyframes nav-box {  
0%{ opacity:0;-webkit-transform:translate(-50px,0px); }}
@keyframes nav-box {  
0%{ opacity:0;transform:translate(-50px,0px); }}
@-webkit-keyframes hover-wen {  
0%   { text-indent:0;}
50%  { text-indent:5px;}
100% { text-indent:0;}
}
@keyframes hover-wen {  
0%   { text-indent:0;}
50%  { text-indent:5px;}
100% { text-indent:0;}
}
@-webkit-keyframes hover-img {  
0%   {transform:scale(1);}
50%  {transform:scale(1.05);}
100% {transform:scale(1);}
}
@keyframes hover-img {  
0%   {transform:scale(1);}
50%  {transform:scale(1.05);}
100% {transform:scale(1);}
}
@-webkit-keyframes more-img {  
0%   {right:5px;}
50%  {right:10px;}
100% {right:5px;}
}
@keyframes more-img {  
0%   {right:5px;}
50%  {right:10px;}
100% {right:5px;}
}
@-webkit-keyframes lianjie {  
0%   {background-position:20px center;}
50%  {background-position:10px center;}
100% {background-position:20px center;}
}
@keyframes lianjie {  
0%   {background-position:20px center;}
50%  {background-position:10px center;}
100% {background-position:20px center;}
}
@-webkit-keyframes liebiao {  
0%   {background-position:20px center; background-color:none;}
25%  {background-position:15px center;background-color:#fff9ed;}
50%  {background-position:10px center;background-color:#feeeca;}
75%  {background-position:15px center;background-color:#fff9ed;}
100% {background-position:20px center;background-color:none;}
}
@keyframes liebiao {  
0%   {background-position:20px center; background-color:none;}
25%  {background-position:15px center;background-color:#fff9ed;}
50%  {background-position:10px center;background-color:#feeeca;}
75%  {background-position:15px center;background-color:#fff9ed;}
100% {background-position:20px center;background-color:none;}
}






/*尾部*/
.f_bg{/*overflow:hidden; */background:#21242d; color:#747a88; font-size:14px; clear:both; padding-top:43px; text-align:left; }
.f_bg_div{ width:1400px; margin:0 auto;}
.f_bg a{color:#747a88; text-decoration:none;}
.f_bg a:hover{ color:#f37800;}

.f_bg .f_div2_r{ float:left; width:118px; margin-top:118px; line-height:44px; text-align:center; color:#fff;}
.f_bg .f_div2_r .imgs{ overflow:hidden;}
.f_bg .f_div2_r .imgs img{ width:100%; }

.f_bg .f_div2_r3{ float:left; width:320px;line-height:28px; color:#fff; }
.f_bg .f_div2_r3 .span{ display:block; padding-left:38px; line-height:22px; height:22px; text-transform:uppercase; margin-bottom:1px; font-size:12px; position:relative;}
.f_bg .f_div2_r3 .span:after{position:absolute; content:""; top:50%;  left:0%;  width:24px; height:1px; background:#fff; }
.f_bg .f_div2_r3 .label{ display:block; margin-top:32px; overflow:hidden;}
.f_bg .f_div2_r3 .tels{ float:left; font-weight:bold; font-size:32px;line-height:46px; height:46px; overflow:hidden;  color:#fff;}
.f_bg .f_div2_r3 .tels:hover{ color:#f37800;}
.f_bg .f_div2_r3 .p{ clear:both;padding-top:27px; overflow:hidden;}
.f_bg .h3{ font-weight:normal; height:30px; line-height:30px; overflow:hidden; font-size:19px;}
.f_bg .f_div2_r2{ float:right; overflow:hidden; width:430px;  margin-bottom:47px;}
.f_bg .f_div2_r2 .h3{ text-align:right; font-size:18px; color:#fff;}
.f_bg .f_div2_r2 .ul{margin-top:12px; overflow:hidden; font-size:15px;}
.f_bg .f_div2_r2 .ul li{ float:left; width:48.5%; margin-bottom:3%; margin-right:3%; line-height:44px; height:44px; overflow:hidden; text-align:center; background:#292d36;transition:all 0.3s;}
.f_bg .f_div2_r2 .ul li:nth-child(2n+0){ margin-right:0;}
.f_bg .f_div2_r2 .ul li:hover{ background:#f37800;}
.f_bg .f_div2_r2 .ul li a{ display:block; color:#fff;}

.f_div3{ line-height:86px; height:86px; clear:both; overflow:hidden;  border-top:1px solid #42454c;}
.f_div3 .l a{ float:left; margin-right:32px;}
.gotop{ position:fixed; bottom:10%; right:1%; width:50px; height:50px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:none;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}


@-webkit-keyframes left {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:45px; padding-bottom:90px; clear:both;}
.yema a{ display:inline-block; height:38px; line-height:38px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:18px;margin-left:4px; margin-right:4px;  text-align:center; color:#666666; font-size:17px; border:1px solid #d7d7d7;/* background-color:#fff;*/ border-radius:50%;}
.yema a:hover{ text-decoration:none; color:#fff; background-color:#f37800;border:1px solid #f37800;}
.yema a.on{color:#fff; background-color:#f37800; border:1px solid #f37800;}
.yema a.Prev,.yema a.next{ border-radius:20px; padding-left:25px; padding-right:25px;  }
.yema a.first:hover,.yema a.last:hover{background-color:#f37800;}
.yema a span{ font-family:"宋体"; font-size:15px;}
.yema span{
    display:inline-block; height:38px; line-height:38px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:18px;margin-left:4px; margin-right:4px;  text-align:center; color:#666666; font-size:17px; border:1px solid #d7d7d7;/* background-color:#fff;*/ border-radius:50%;
}
.yema .ctxt{
    text-decoration: none;
    color: #fff;
    background-color: #f37800;
    border: 1px solid #f37800;
}
/*二級頁面*/
@-webkit-keyframes SlickIn{
	0%{-webkit-transform:scale(1.1,1.1)}
	100%{-webkit-transform:scale(1,1)}
}
@-webkit-keyframes SlickOut{
	0%{-webkit-transform:scale(1,1)}
	100%{-webkit-transform:scale(.9,.9)}
}
@keyframes SlickIn{
	0%{transform:scale(1.1,1.1)}
	100%{transform:scale(1,1)}
}
@keyframes SlickOut{
	0%{transform:scale(1,1)}
	100%{transform:scale(.9,.9)}
}





/*@media screen and (max-width: 1400px) {
.top_bg{ position:static;}

}*/

@-webkit-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@-o-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@-moz-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}


.anim-show .imgsa1{animation:mymove8 0.6s; -webkit-animation:mymove8 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.1s;
}
.anim-show .imgsa2{animation:mymove7 0.6s; -webkit-animation:mymove7 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.1s;
}
@media only screen and (max-width: 1700px){
/*
 1.头部
*/
.nav li.m{ margin-left:12px; margin-right:12px;}
}
@media only screen and (max-width: 1600px){
/*
 1.头部
*/
.nav li.m{ margin-left:10px; margin-right:10px;}
}
@media only screen and (max-width: 1500px){
/*
 1.头部
*/
.nav li.m{ margin-left:5px; margin-right:5px;}
}
@media only screen and (max-width: 1400px){
/*
 1.头部
*/
.top_bg{ position:fixed; background:#000;}
}


@media(max-width:687px){
    .wrap{
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .wrap2{
        width: 100% !important;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .i_one_t {
        float: left;
        width: 100% !important;
        overflow: hidden;
    }

    .i_one_r {
        width: 100% !important;
        float: left !important;
        overflow: hidden;
        line-height: 30px;
        color: #555555;
        font-size: 14px;
    }

    .i_one_r .counter ul li {
        float: left;
        margin-bottom: 40px;
        width: 50% !important;
        transition: all 0.3s;
        position: relative;
        text-align: center;
    }

    .i_one_r .counter {
        width:100% !important;
        overflow: hidden;
        padding-top: 50px;
    }

    .i_one_r .counter ul li:first-child {
        margin-left: 0px !important;
    }


    .i_one_t .a {
        float: left;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        font-size: 14px;
        color: #f37800;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        padding-right: 83px;
        background: url(../images/i_bg2.png) right center no-repeat;
        background-size: 75px 13px;
        transition: all 0.3s;
    }

    .i_three_txt {
        text-align: center;
        margin: 0 auto;
        width: 100% !important;
        overflow: hidden;
        line-height: 30px;
        font-size: 15px;
        color: #666666;
        margin-top: 30px;
    }
    .i_three ul{
        display: flex;
        flex-wrap: wrap;
    }
    .i_three ul li {
        /* float: left; */

        /* width: 280px; */
        background: #fff;
        transition: all 0.3s;
        height: 240px !important;
        position: relative;
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    .owl-demo9 .item .txts {
    width: 1400px;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -700px;
    height: 100%;
    color: #fff;
    z-index: 1;
    display: none !important;
}

    .owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(../images/left2.png) center center no-repeat;
    background-size: 55px 56px;
    float: left;
    margin-left: 10px !important;
}

.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../images/right2.png) center center no-repeat;
    background-size: 55px 56px;
    float: right;
    margin-right: 10px !important;
}


    .owl-demo9 .item .imgs img {
    height: 432px !important;
    display: block;
    width: 100%;
    object-fit: cover !important;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    /* transform: scale(1); */
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
    
    .i_three ul li .txts .h3 {
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    font-weight: normal;
    margin-top: 18px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 25px;
    color: #333333;
    transition: all 0.3s;
}
    
    .i_three ul li .txts img {
    display: block;
    height: 56px;
    margin-top: 20px !important;
}

    .i_three {
        margin-top: 63px;
        height:100% !important;
        overflow: hidden;
    }

    .i_three .i_more {
        overflow: hidden;
        position: relative;
        margin-top:0px !important;
        margin-bottom: 60px;
    }

    .i_partner ul{
        display: flex;
        flex-wrap: wrap;
        margin-right: -20px;
    }

 
    .i_partner ul li {
        width: 46% !important;
        margin-right: 0px !important;
        float: none !important;
        transition: all 0.3s;
        margin-bottom: 25px;
    }

    .f_bg .f_div2_r2 {
        float: right;
        overflow: hidden;
        width: 430px;
        margin-bottom: 47px;
        display: none;
    }


    .f_bg_div {
        width:100% !important;
        margin: 0 auto;

    }

    .f_bg .f_div2_r {
        float: left;
        width: 118px;
        margin-top: 20px !important;
        line-height: 44px;
        text-align: center;
        color: #fff;
    }


    .f_bg_div .l{display: block; width: 100%; float: none !important;padding: 10px 0; display: flex; flex-wrap: wrap;}
    .f_bg_div .r{display: block; width: 100%; text-align: center; padding: 10px 0; float: none !important;}
    .f_bg_div .l a{display: inline-block; text-align: center; float: none; margin-right: 0 !important; padding: 8px 2px;    width: 31%;  }
    .f_bg_div .r a{display: block;     padding: 10px 0;}
    .f_div3 {
        width: 100% !important;
        line-height: inherit !important;
        height: 100% !important;
        padding-top: 20px;
 
        overflow: hidden !important;
        border-top: 1px solid #42454c;
    }

    .f_bg_div1{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }


    .f_bg {
        /* overflow: hidden; */
        background: #21242d;
        color: #747a88;
        font-size: 14px;
        clear: both;
        padding: 0 30px;
        padding-top: 43px;
        padding-bottom: 20px;
        text-align: left;
    }

    .f_bg .f_div2_r3 {
        float: left;
        width: 72% !important;
        line-height: 28px;
        color: #fff;
    }
    .about_ul{
        padding-bottom: 67px;
    }
    .about_ul ul li {
        float: left;
        width: 46% !important;
        transition: all 0.3s;
        margin-right: 10px !important;
        /* overflow: hidden; */
        margin-bottom: 10px;
    }

    .about_ul ul{margin-right:-10px}

    .about_two .boxs {
        height: 100% !important;
        overflow: unset !important;
        position: relative;
        margin-top: -242px;
        z-index: 0;
    }

    .about_two .about_two_r {
        float: right;
        width: 100% !important;
        overflow: hidden;
        height: 621px;
        padding-bottom: 50px;
    }

    .about_two .about_two_r .cons{
        width: 100% !important;
        padding-right: 0 !important;
    }

    .about_two .about_two_l{
        width: 100% !important;
        height: 100% !important ;
    }

    .about_two {
        height: 100% !important;
        background: url(../images/about_bg3.jpg) #fafafa center bottom no-repeat;
    }

    .about3_ul ul li .txts {
        position: inherit !important;
        width: 100% !important;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: left;
        line-height: 36px;
        color: #999999;
        font-size: 14px;
    }


    .about3_ul ul li .imgs {
        float: right;
        margin-top: 60px;
        width: 100% !important;
        height: 333px;
        overflow: hidden;
        position: relative;
        border-radius: 20px;
    }

    .about3_ul ul li {
        min-height: 452px;
        overflow: hidden;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        background: #f9f9f9;
    }


    .about_one_t .span {
        position: absolute;
        top: -8px;
        line-height: 1;
        left: 50% !important;
        transform: translateX(-50%);
        text-transform: uppercase;
        font-size: 60px !important;
        color: #f1f1f1;
        z-index: -1;
        width: 100%;
    }

    .case_img .small_img ul li {
        display: inline-block;
        vertical-align: top;
        margin-right: 12px;
        border: 2px solid #8f8b8b;
        width: 41% !important;
        border-radius: 6px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .case_a li {
        float: left;
        width: 47% !important;
        margin-bottom: 13px;
        margin-right: 8px !important;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
        text-align: center;
        background: #f5f5f5;
        transition: all 0.3s;
    }

    .case_a ul{
        margin-right: -20px;
    }

    .case_ul li {
        float: left;
        width: 100% !important;
        margin-bottom: 58px;
        overflow: hidden;
        transition: all 0.3s;
    }

    .con_ul ul li:last-child {
        margin-right: 0;
        float: none !important;
        width: 100% !important;
    }

    .postions .postions_b a {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        overflow: hidden;
        font-size: 16px;
        color: #333333;
        position: relative;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s;
        z-index: 0;
        margin-right: 16px !important;
    }

    .o_big {
        height: 500px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative;
        width: 100%;
        -webkit-animation: scaleAnim 5s ease forwards;
        animation: scaleAnim 5s ease forwards;
    }

    .yema a.Prev, .yema a.next {
        border-radius: 20px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .honor_ul ul li {
        overflow: hidden;
        width: 100% !important;
        margin-bottom: 40px;
        margin-right: 36px;
        background: #fff;
        float: left;
        transition: all 0.3s;
    }

    .honor_ul li img {
        width: 100%;
        height: 100% !important;
        vertical-align: middle;
        display: inline-block;
        transition: all 0.8s ease-out 0s;
    }


    .news_con ul li {
        overflow: hidden;
        width: 100% !important;
        margin-bottom: 52px;
        margin-right: 0 !important;
        float: left;
        transition: all 0.3s;
    }

    .partner_ul ul{
        margin-right: -20px;
    }

    .partner_ul ul li {
        width: 46% !important;
        margin-right: 10px !important;
        float: left;
        transition: all 0.3s;
        margin-bottom: 22px;
    }

    .banner .swiper-container {
        height: 500px;
    }
    
    .banner .text{
        font-size: 30px !important;
        text-align: center !important;
    }

    .banner .text .small {
        font-size: 21px !important;
        font-weight: normal;
        margin-top: 30px;
    }

    .i_one_r .counter span {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        letter-spacing: 1px;
        color: #f37800;
        font-weight: bold;
        font-size: 40px !important;
    }


    .partner_ul ul li .imgs img {
        display: block;
        width: 100%;
        height: 100% !important;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .top_bg {
     
        background: #000;
        height:70px !important;
    

    }

    .menu .logo_l img {
        height:70px !important;
        transition: all 0.3s ease 0s;
    }
    
    .i_title {
    font-weight: normal;
    color: #333333;
    font-size: 30px !important;
    line-height: 100px;
    height: 100px;
    position: relative;
    margin-top: 49px;
    text-align: center;
}

.i_one_t .h3 {
    font-weight: normal;
    line-height: 1;
    color: #333333;
    font-size: 30px !important  ;
    line-height: 58px;
    height: 86px;
    position: relative;
}


.hiddenimg .boxs {
    background: #fff;
    width: 80% !important;
    margin: 0 auto;
    border-radius: 20px;
    padding-top: 23px;
    padding-bottom: 46px;
    position: relative;
        margin-top: 90px !important;
}

.hiddenimg img {
    /* width: 544px; */
    width: 100% !important;
    margin: 0 auto;
}

.weixinclose {
    position: absolute;
    right: -12% !important;
    top: -10px;
    color: #fff;
    font-size: 56px !important;
    font-weight: normal;
    cursor: pointer;
    z-index: 99;
    font-weight: normal;
    font-family: "宋体";
}


.p__a{
    display: block !important;
}

}


@media (max-width: 1085px){
    .menu{display: flex; justify-content: space-between; align-items: center;}
    .menu .logo_l{  float:none; display:inline;   /* -webkit-animation: logo 0.8s;  animation: logo 0.8s;*/}
    .top_bg{  background:#000;}
.m_right {
    display: block!important;
}

.m_right .m_right_buttom {
    padding: 10px;
    text-align: center;
    /* background-color: rgb(61, 105, 176); */
}

.m_right .m_right_buttom img {
    width: 30px;
    vertical-align: middle;
    display: inline-block;
}

.m_right .m_aside {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 100%;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    transform: translateX(100%) ;
    transition: all 0.3s;
    /* display: none; */
}

.m_right .m_aside li {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}


.m_right .m_aside li a {
    display: block;
}

.head .m_aside li .zh {
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}


.m_right .m_right_buttom.active+ .m_aside {
    transform: translateX(0%) ;
    display: block !important;
}


.nav,.logo_r{
    display: none !important;
}

}



.p__a{
    display: none;
    z-index:9999;
    width: 100%;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);

}

.p__a p{
    font-size: 22px;
    color: #fff !important;
}

.a_btn{
    margin-top: 20px;
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background:#f37800;
}